/**  Not using this. 
 **  It's a future idea for dialog that may or may not be useful. */

*{
    /* border: solid 2px black;  */
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

/* Pop-Up Dialog Modal for Message Options */
.share-dialog{ 

    background-color: darkcyan;
    
    height: 50vh;

    display: none;
    flex-direction: column;
    justify-content: space-between;

    /* width: fit-content; */
    /* height: fit-content; */

    /* padding: 04.25rem; */
    margin: auto;


}

.message-board{
    display: flex;

}

.share-dialog::backdrop{
    background-color: black;
    /* opacity: 50%; */
}

.message-board{
    display: flex;
    flex-direction: row;
}

.message-options{
    display: flex;
    flex-direction: column;

    min-width: 200px;
}